@use "../../bem/index" as *;
@use "../../bem/_var" as *;

@include b(panel) {
  @include e(header) {
    display: flex;
    align-items: center;
  }

  @include e(title) {
    font-weight: getElCssVar("font-weight-primary");
  }

  @include e(header-icon) {
    margin-right: 10px;

    @include m(default) {
      width: 8px;
      background: getElCssVar("color-primary");
    }
  }

  @include e(collapse-icon) {
    display: inline-block;
    border: 1px solid getElCssVar("card", "border-color");
    margin-left: auto;
    padding: 0 10px;
    cursor: pointer;
  }
}
